<template>
  <div>
    <!-- .sync
            作用：用于父子组件传值双向绑定，它只是一个修饰符

            <子组件标签  :属性名='父组件属性' @update:属性名="父组件属性=$event"  />
            <子组件标签  :属性名.sync='父组件属性'     />
            子组件内：
               props:{
                属性名:{...}
               }
               this.$emit('update:属性名',实参值)

            一个组件 只能有一个v-model但可以有多个.sync

            组件传值
              父子传值
                 v-model
                 .sync

    -->

    <h2>父组件---{{ parentNum }}</h2>
    <hr>
    <!-- <SonD :num="parentNum" @update:num="parentNum=$event" /> -->
    <SonD :num.sync="parentNum" />
  </div>

</template>
<script>
import SonD from './components/SonD.vue'
export default {
  components: {
    SonD
  },
  data() {
    return {
      parentNum: 0
    }
  }
}
</script>
<style>
</style>
